$color: rgb(22, 145, 73);

//左侧菜单宽度
$base_menu_width: 260px;
//菜单颜色
$base_menu_bg: #001529;
//顶部导航高度
$base_tabber_heigh: 50px;

$text_color: #0560ec;

//一行隐藏
.hidden-one {

	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

//首页的相同的容器
// .samebox {
// 	box-sizing: border-box;
// 	margin: 0px auto;
// 	width: 1180px;

// 	.samebox_title {
// 		display: flex;
// 		align-items: center;

// 		img {
// 			width: 30px;
// 			margin-right: 10px;
// 		}

// 		.title {
// 			font-size: 20px;
// 			font-weight: bold;
// 		}
// 	}
// }


.emptybox {

	position: absolute;
	left: 50%;
	transform: translateX(-50%);

}

//自定义flex占比
@for $i from 1 through 10 {
	.flex-#{$i} {
		flex: $i;
	}
}

.belong {
	font-size: 14px;
}

//分页器的位置
.pagniation {
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}

//自定义隐藏
@for $i from 1 through 100 {
	.hidden-#{$i} {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: $i;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}

//两行隐藏
.hidden-two {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
}

//滚动条样式
::-webkit-scrollbar {
	width: 5px;

}

::-webkit-scrollbar-track {
	background-color: $base_menu_bg ;
}

::-webkit-scrollbar-thumb {
	width: 5px;
	background-color: rgb(74, 137, 209);
	border-radius: 10px;
}

//菜单logo的高度
$base_logo_heigh: 50px;
//菜单字体大小
$base_logo_fs: 22px;

//自定义字体大小
@for $i from 12 through 100 {
	.u-font-#{$i} {
		font-size: $i + px;
	}
}

@for $i from 0 through 500 {

	// 只要双数和能被5除尽的数
	@if $i % 2==0 or $i % 5==0 {

		// 定义外边距
		.u-m-#{$i} {
			margin: $i + px !important;
		}

		//定义上边距
		.u-m-t-#{$i} {
			margin-top: $i + px !important;
		}

		//定义下边距
		.u-m-b-#{$i} {
			margin-bottom: $i + px !important;
		}

		// 定义上下外边距
		.u-m-tb-#{$i} {
			margin: $i + px 0 !important;
		}

		// 定义左右外边距
		.u-m-lr-#{$i} {
			margin: 0 $i + px !important;
		}

		// 定义右外边距
		.u-m-r-#{$i} {
			margin-right: $i + px !important;
		}

		// 定义zuo外边距
		.u-m-l-#{$i} {
			margin-left: $i + px !important;
		}

		// 定义内边距
		.u-p-#{$i} {
			padding: $i + px !important;
		}

		// 定义上下内边距
		.u-p-tb-#{$i} {
			padding: $i + px 0 !important;
		}

		// 定义左右内边距
		.u-p-lr-#{$i} {
			padding: 0 $i + px !important;
		}
	}
}

.pointer {
	cursor: pointer;
}